<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3"><i class="icon-info i-sm m-r-sm"></i> <span translate="header.navbar.about">About</span></h1>
</div>
<div ng-class="isSmart?'':'wrapper-md'">
  <tabset class="tab-container"> <tab>
    <tab-heading> <span translate="about.aboutUs">About Us</span><span class="badge badge-sm m-l-xs" style=" background:none">&nbsp;</span> </tab-heading>
<div class="row">
<div class="col-sm-4" style="text-align:center">
	<span class="h4 text-primary m-b-sm m-t-sm block"><span class="glyphicon glyphicon-home"></span><span translate="about.companyName">Company Name</span></span>
    <p><span translate="about.companyValue">Shanghai Yuanyi</span> </p>
</div>
<div class="col-sm-4" style="text-align:center">
<span class="h4 text-primary m-b-sm m-t-sm block"><span class="glyphicon glyphicon-road"></span><span translate="about.addressName">Address</span></span>
<p><span translate="about.addressValue">Shanghai</span> </p>
<p><span></span> </p>
</div>
<div class="col-sm-4" style="text-align:center">
<span class="h4 text-primary m-b-sm m-t-sm block"><span class="glyphicon glyphicon-earphone"></span><span translate="about.telephoneName">Telephone</span></span>
<p><span translate="about.telephoneValue">800******</span> </p>
</div>
<div style="clear:both" ></div>
</div>



    </tab> <tab>
    <tab-heading> <span translate="about.history">Introduce</span> <span class="badge bg-danger badge-sm m-l-xs">6</span> </tab-heading>
    <ul class="timeline">
      <li class="tl-header">
        <div class="btn btn-info">Now</div>
      </li>
      <li class="tl-item">
        <div class="tl-wrap b-info"> <span class="tl-date">05-25</span>
          <div class="tl-content"> New version APK is available! </div>
        </div>
      </li>
      <li class="tl-item">
        <div class="tl-wrap"> <span class="tl-date">05-10</span>
          <div class="tl-content panel padder b-a"> <span class="arrow left pull-up"></span>
            <div>version 0.9 updated!</div>
          </div>
        </div>
      </li>
      <li class="tl-item tl-left">
        <div class="tl-wrap b-success"> <span class="tl-date">04-25</span>
          <div class="tl-content panel bg-success padder"> <span class="arrow arrow-success left pull-up hidden-left"></span> <span class="arrow arrow-success right pull-up visible-left"></span>
            <div class="text-lt">version 0.8 updated!</div>
          </div>
        </div>
      </li>
      <li class="tl-item tl-left">
        <div class="tl-wrap b-primary"> <span class="tl-date">2015</span>
          <div class="tl-content panel padder b-a block"> <span class="arrow left pull-up hidden-left"></span> <span class="arrow right pull-up visible-left"></span>
            <div class="text-lt m-b-sm">Yuanyi Shanghai</div>
            <div class="panel-body pull-in b-t b-light">
              <p>I'm working on a realy amazing application, It will be available soon. here is a little tease. </p>
            </div>
          </div>
        </div>
      </li>
    </ul>
    </tab> <tab>
    <tab-heading> <span translate="about.updated">Updated</span> <span class="badge bg-primary badge-sm m-l-xs">1</span> </tab-heading>
    </tab> </tabset>
</div>
